Programmeren 3
Les 3

Herhaling HTML

Doelstelling

• wat semantische html is en hoe je dit toepast;
• dat hyperlinks de besis vormen voor de interactie met de gebruiker;
• dat een form een meer geavanceerde manier voor interactie met de gebruiker is;
• hoe een form element werkt en hoe de browser de waarden, die de gebruiker intypt in de verschillende html besturingselementen, verwerkt;
• hoe je met Git lokaal en remote werkt;

Stappenplan

1. Waarvoor dient HTML
2. HTML schrijven
3. HTML commentaar
4. Semantische HTML
5. HTML voor de basistructuur van een pagina
6. Hyperlinks
   1. Link naar een bestand
   2. Link naar een bladwijzer
7. HTML attributen
8. HTML formulieren maken
   1. Wat is een formulier
   2. Elementen
      1. Het form element
      2. Het label element
      3. Het input element
      4. De submit knop
      5. Tekstvak
      6. Tekstgebied
      7. Wachtwoord
      8. Keuzerondje
      9. Selectievak
      10. Keuzelijst
      11. Elementen groeperen
      12. Datum- en tijdinvoer
      13. E-mailinvoer
      14. Range
      15. Bestanduploadvak
   3. Attributen
      1. HTML formulier attributen
   4. Voorbeeld
      1. Tekst en uitleg
         1. Een HTML formulier eerste versie
         2. Een HTML formulier tweede versie
      2. Filmpjes:
         1. Formulier voorbereiden om later met een serverside scripting taal, bijvoorbeeld PHP, te verwerken
         2. Inspecteren hoe de browser de ingevoerde gegevens verstuurt naar de server
   5. Soorten formulieren
9. HTML Bronnen

Opdracht

1. Opdracht form HTML
2. Plaats het bestand met de naam register.html in de map met de naam les3.
   1. Creëer een map op je lokale computer met de naam programmeren3. Daarin creëer je een map met de naam les3. Met je editor (Visual Studio Code of een andere editor) maak je het bestand met de naam register.html in de map les3.
   2. Bewaar je werk in een lokale git repo.
   3. Plaats in de commentaar van de commit de volgende message: "Les 3 Herhaling HTML - final" (deze boodschap moet identiek zijn in je commit).
   4. Push je lokale repo naar Bitbucket.
3. Verstuur via de opdrachtlink op Moodle een tekstbestand met een link naar je BitBucket repo.